<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/mofang.css"/>
	</head>
	<body>
		<div class="web">
			<audio autoplay preload>
				<source src="music/ATBT - 动物世界.mp3" type="audio/mp3"></source>
			</audio>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide page page1">
						<img class="ani"  swiper-animate-effect="daren" swiper-animate-duration="3s" swiper-animate-delay="200ms" src="img/img1.png"/>
							<div class="font1 ani"  swiper-animate-effect="bounceInUp" swiper-animate-duration="3s" swiper-animate-delay="2300ms">
								<h1 class="fonts">看看就好了,再看也不是你的</h1>
								<p class="fonts">还是算了吧，认真</p>
							</div>
								<h2 class="swing2 ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="3s" swiper-animate-delay="4300ms">打码</h2>=
						<div class="animateds">
							<ul class="touming">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							
							<li></li>
							<li></li>
							</ul>
						</div>
					</div>
				<div class="swiper-slide page page2">
					<img class="ani"  swiper-animate-effect="flash" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" src="img/下载.png"/>
					<p class="ani"  swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="500ms">想要七夕不受到伤害？</p>
					
					<p class="ani"  swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1s">想不必吃狗粮？</p>
					<p class="ani"  swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">那就宅在家打码吧!</p>
				</div>
				<div class="swiper-slide page page3">
					<h1 class="ani"  swiper-animate-effect="rollIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">当然，那些只是开玩笑，作为一个程序员，怎么只可以搞基呢？</h1>
					<h2 class="ani"  swiper-animate-effect="rollIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s">还不快点掏出你的大屌，噢不，掏出你爪机，与你的女神相约七夕</h2>
					<img class="ani"  swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s" src="img/下载 (3).png"/>
					<img class="ani"  swiper-animate-effect="zoomInUp" swiper-animate-duration="0.5s" swiper-animate-delay="4s" src="img/下载 (4).png"/>
				</div>
				<div class="swiper-slide page page4">
					<img class="ani"  swiper-animate-effect="rollIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" src="img/下载 (5).png"/>
					<div class="qipao">
						<div class="qipao1 ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
							女神，有个问题问你
						</div>
						<div class="qipao2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
							什么问题？
						</div>
						<div class="qipao1 ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
							你喜欢小狗还是猫咪
						</div>
						<div class="qipao2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
							猫咪
						</div>
						<div class="qipao3 ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
							喵~喵~喵~
						</div>
						<div class="qipao4 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
							<img src="img/haixiu.png"/>
						</div>
					</div>
				</div>
			
				<div class="swiper-slide page page5">
					<img class="ani"  swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s" src="img/下载 (2).png"/>
					<p class="ani"  swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
						朋友们！中国情人节快到了，如果你七夕没人约，晚上觉得一个人很孤单那就。。。。。
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
						关掉灯…… 
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
						打开电脑
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6s">
						放一部鬼片
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="7s">
						过一会儿
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="8s">
						你就会觉得 
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="10s">
						厨房也有人
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="11s">
						厕所也有人
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="12s">
						床底也有人
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="13s">
						到处都有人
					</p>
					<p class="ani"  swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="14s">
						老特么热闹了……
					</p>
					
				</div>
				</div>
				
			</div>
			
		</div>
		
		
		
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript"></script>
		<!--引入swrper的animate脚本-->
		<script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script>
		</script>
		<script>var swiper = new Swiper('.swiper-container', {
			
			direction: 'vertical',
			autoplay: 10000,
			parallax: true,
			freeModeMomentumBounce:false,
			
			
			onInit: function(swiper) { //Swiper2.x的初始化是onFirstInit
				swiperAnimateCache(swiper); //隐藏动画元素 
				swiperAnimate(swiper); //初始化完成开始动画
			},
			onSlideChangeEnd: function(swiper) {
				swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
			}
		})
		</script>
	</body>
</html>
